<!doctype html>
<link rel="stylesheet" href="s.css" />
<h1>Tests for <a href="../../">recipes</a>/<a href="../">effect</a>/bevel</h1>

<h2>Bevel Shadow</h2>
<div class="avatar1 bevel-shadow"></div>
<div class="avatar2 bevel-shadow"></div>

<hr>

<h2>Bevel Shadow (w/options)</h2>
<div class="avatar1 bevel-shadow-soft"></div>
<div class="avatar2 bevel-shadow-soft"></div>

<hr>

<h2>Bevel Border</h2>
<div class="avatar1 bevel-border"></div>
<div class="avatar2 bevel-border"></div>